<%-- 
    Document   : index
    Created on : 2012-2-17, 17:22:56
    Author     : EnzoZhong
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
        <head>
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

                <%--Jquery加载--%>
                <script src="${obj.path}js/jquery/jquery.js"></script>
                <script src="${obj.path}js/jquery/jquery.ui.js"></script>
                <script src="${obj.path}js/json/jquery.json.js"></script>
                <%--z-tree加载--%>
                <script src="${obj.path}js/ztree/jquery.ztree.all.js"></script>
                <script src="${obj.path}js/ztree/jquery.ztree.core.js"></script>
                <%--datatable--%>
                <script src="${obj.path}js/datatables/js/jquery.dataTables.min.js"></script>  
                <script src="http://ezkit.googlecode.com/git/src/z/h/w/js/jquery/util/jquery.ez.js"></script>
                <%--css加载--%>
                <style>
                        @import "${obj.path}js/jquery/css/jquery-ui-1.8.17.custom.css";
                        @import "${obj.path}js/ztree/css/zTreeStyle.css";
                        @import "${obj.path}js/datatables/css/demo_table_jui.css";

                        *{
                                margin: 0;
                                padding: 0;
                        }

                        iframe[name]{
                                width: 100%;
                                height: 100%;
                                border: 0;
                        }

                        div.context {
                                width: 100%;
                                height: 640px;
                                margin: 0 auto;
                        }

                        div.context div.context_right,div.context_left {
                                width: auto;
                                float: left;
                                margin: 10px;
                                box-shadow:0 0 10px rgba(0,0,0,0.25);
                        }

                        div.context_right{
                                min-width: 200px;
                        }

                        div.context_left{
                                height: 100%;
                        }

                        #台头{
                                height: 25px;
                                width: 100%;
                                box-shadow:0 0 10px rgba(0,0,0,0.25);
                        }
                </style>

                <script>
                        $().ready(function(){
                                $(document).mousemove(function(e){
                                        changeDimesione();
                                });
                    
                                $(window).resize(function(){
                                        changeDimesione();
                                });
                    
                                function changeDimesione(){
                                        var screenWidth = document.body.clientWidth;
                         
                                        var divWH = d($(".context_right"));
                                        var w = divWH.width;
                         
                                        $(".context_left").css("width",screenWidth - w - 40);
                                }
                
                                var setting = {
                                        data: {
                                                simpleData: {
                                                        enable: true
                                                }
                                        }
                                };

                                $.ajax({
                                        url : "/back/getNavTree",
                                        type : "get",
                                        dataType : "json",
                                        success : function(res) {
                                                $.fn.zTree.init($("#zTree"), setting, res);
                                        }
                                }); 
                        });
                </script>

                <title>${obj.title}</title>

        </head>
        <body>
                <div id="台头"></div>

                <div class="context">

                        <%--右列--%>
                        <div class="context_right">

                                <ul id="zTree" class="ztree"></ul>

                        </div>

                        <%--左列--%>
                        <div class="context_left">

                                <iframe name="myFrame" src="../progress.html"></iframe>

                        </div>

                </div>

        </body>
</html>
